<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
  <title>水利统计管理信息系统</title>
  <link rel="stylesheet" type="text/css" href="./css/index/rem.css" />
  <link rel="stylesheet" href="./css/index/index.css">
  <link rel="stylesheet" href="css/index/peij.css">
  <script src="js/zhongjian/jquery-1.9.1.min.js" type="text/javascript"></script>
</head>

<body>
  <div class="main-background">
    <!-- 头部 -->
    <div class="main-header">
      <div class="left-logo">水利统计管理信息系统</div>
      <div class="right-btn">
        <form class="searchform">
          <input type="text" class="searchbox" id="searchbox" placeholder="请输入查询内容">
          <span class="searchbutton"><i class="fa fa-search"><img src="images/new_index/sousuo.png" width="18"
                height="18"></i></span>
        </form>
        <ul class="nav ">
          <li class="nav-item">
            <div class="news">3</div><a href="#"><img src="images/new_index/xi.png"></a>
          </li>
          <li class="nav-ite"> <a href="#"> <img src="images/new_index/touxiang.png" alt="" width="35"
                style=" margin-top:.3rem" /> <span class="admin-name">Andmin</span> </a> </li>
        </ul>
      </div>
    </div>
    <!-- 内容 -->
    <div class="main-contentBox">
      <div class="conter_top">
        <div class="left_box">
          <div class="top_nav_box box_bj">
            <div class="card-title">常用功能</div>
            <div class="card-content">
              <ul class="content-listBox">
                <li class="content-listItem" @click="tojiankong"> <img src="./images/new_index/JD.png"> <span>机构信息管理</span> </li>
                <li class="content-listItem" > <img src="./images/new_index/RC.png"> <span>信息管理系统</span> </li>
                <li class="content-listItem">
                  <div class="red-circle"> </div>
                  <img src="./images/new_index/PX.png"> <span>Excel采集系统</span>
                </li>
                <li class="content-listItem"> <img src="./images/new_index/KH.png"> <span>人员信息查询</span> </li>
                <li class="content-listItem">
                  <div class="red-circle"> </div>
                  <img src="./images/new_index/SP.png"> <span>公务员统计系统</span>
                </li>
                <li class="content-listItem">
                  <div class="red-circle"> </div>
                  <img src="./images/new_index/WW.png"> <span>统计专用信息管理</span>
                </li>
              </ul>
            </div>
          </div>
          <div class="center_nav_box box_bj">
            <div class="card-title">常用设置</div>
            <div class="card-content">
              <div class="switch_item">
                <ul>
                  <li class="one">报告期设置</li>
                  <li class="one">报告期设置</li>
                </ul>
              </div>
            </div>
          </div>
          <div class="fot_nav_box box_bj">
            <div class="card-title">常用设置</div>
            <div class="card-content">
              <div class="switch_item">
                <ul>
                  <li class="one">报告期设置</li>
                  <li class="one">报告期设置</li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="center_box box_bj">
          <div class="left-map">
            <div id="map-echart" class="neibox"></div>
          </div>

          <!-- 行政区域信息 -->
          <!-- <div class="right-contentBox">
<div class="left-contentTitle">
全国公务员分布  Top10
</div>
<div id="echarts-bar" class="map_right_echart"></div>
</div> -->
          <!-- 切换项 -->
          <div class="tab-select">
            <div class="no-select select-tab">

            </div>
            <div class="no-select">

            </div>

          </div>
          <!-- 底部信息 -->
          <div class="bottom-contentBox">
            <div class="bottom-contentItem">
              <div class="itemNumber">
                190.8万<span> 人</span>
              </div>
              <div class="itemText">
                人员总数
              </div>
            </div>
            <div class="bottom-contentItem">
              <div class="itemNumber">
                5.1万<span> 家</span>
              </div>
              <div class="itemText">
                单位总数
              </div>
            </div>
            <div class="bottom-contentItem">
              <div class="itemNumber">
                117.4万<span> 人</span>
              </div>
              <div class="itemText">
                行政人员
              </div>
            </div>
            <div class="bottom-contentItem">
              <div class="itemNumber">
                142.2万<span> 人</span>
              </div>
              <div class="itemText">
                专业技术人员
              </div>
            </div>
          </div>

          <!-- 地图 -->
          <div class="sx-map" id="sxjj-map">

          </div>
        </div>
        <div class="right_box box_bj">
          <div class="card-title">政工业务</div>
          <div class="card-content" style="padding: 0;">
            <ul class="wordMenu-listBox">
              <li class="wordMenu-listItem" data-index="1" data-url="/meetingManage/inputPeople"> <a href="index.html"
                  target="_blank">
                  <div class="menu-box rightImg-circle"> <img src="./images/new_index/RY.png"> <span>录用管理</span> </div>
                </a> </li>
              <li class="wordMenu-listItem" data-index="3" data-url="/meetingManage/inputPeople"> <a href="index.html"
                  target="_blank">
                  <div class="menu-box"> <img src="./images/new_index/RM.png"> <span>考核管理</span> </div>
                </a> </li>
              <li class="wordMenu-listItem" data-index="4" data-url="/personnelBase/baseManage"> <a href="index.html"
                  target="_blank">
                  <div class="menu-box rightImg-circle"> <img src="./images/new_index/RCK.png"> <span>培训管理</span> </div>
                </a> </li>
              <li class="wordMenu-listItem" data-index="5" data-url="/personnelBase/secondedManage"> <a
                  href="index.html" target="_blank">
                  <div class="menu-box"> <img src="./images/new_index/JDRYGL.png"> <span>档案管理</span> </div>
                </a> </li>
              <li class="wordMenu-listItem" data-index="6" data-url="/retireManage/retireList"> <a href="index.html"
                  target="_blank">
                  <div class="menu-box "> <img src="./images/new_index/TTX.png"> <span>任免上会管理</span> </div>
                </a> </li>
              <li class="wordMenu-listItem" data-index="6" data-url="/retireManage/retireList"> <a href="index.html"
                  target="_blank">
                  <div class="menu-box"> <img src="./images/new_index/PXGL.png"> <span>奖励管理</span> </div>
                </a> </li>
              <li class="wordMenu-listItem" data-index="7" data-url="/personnelTag/type"> <a href="index.html"
                  target="_blank">
                  <div class="menu-box"> <img src="./images/new_index/JCZ.png"> <span>出国出境管理</span> </div>
                </a> </li>
              <li class="wordMenu-listItem" data-index="8" data-url="/superviseManage/cardApply"> <a
                  href="../jxgl/index.html" target="_blank">
                  <div class="menu-box rightImg-circle "> <img src="./images/new_index/RYBQ.png"> <span>工资管理</span>
                  </div>
                </a> </li>
              <li class="wordMenu-listItem" data-index="9" data-url="/tranningManage/tranningClass"> <a
                  href="index.html" target="_blank">
                  <div class="menu-box"> <img src="./images/new_index/KHGL.png"> <span>个人事项报告管理</span> </div>
                </a> </li>
              <li class="wordMenu-listItem" data-index="10" data-url="/assessManage/assessManage"> <a href="index.html"
                  target="_blank">
                  <div class="menu-box"> <img src="images/new_index/yit.png"><span>机构编制管理</span> </div>
                </a> </li>
              <li class="wordMenu-listItem" data-index="9" data-url="/tranningManage/tranningClass"> <a
                  href="index.html" target="_blank">
                  <div class="menu-box"> <img src="images/new_index/ui.png"> <span>教育培训管理</span> </div>
                </a> </li>
              <li class="wordMenu-listItem" data-index="10" data-url="/assessManage/assessManage"> <a href="index.html"
                  target="_blank">
                  <div class="menu-box"> <img src="images/new_index/ihj.png"> <span>公务员院校管理</span> </div>
                </a> </li>
              <li class="wordMenu-listItem" data-index="9" data-url="/tranningManage/tranningClass"
                style="border-right:1px solid #e5e5e5;"> <a href="index.html" target="_blank">
                  <div class="menu-box"> <img src="images/new_index/lcv.png"> <a href="index.html" target="_blank">
                      <span>干部管理</span> </div>
                </a> </li>
              <li class="wordMenu-listItem" data-index="10" data-url="/assessManage/assessManage"> <a href="index.html"
                  target="_blank">
                  <div class="menu-box"> <img src="images/new_index/fbh.png"> <span>人员升迁管理</span> </div>
                </a> </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="conter_fot">
        <div class="fot_btn">
          <div class="div_fen"><a href="#"><span>全国政工数据资源中心</span></a></div>
          <div class="div_fen"><a href="#"><span>政策法规管理</span></a></div>
          <div class="div_fen"><a href="#"><span>大数据基础支撑平台</span></a></div>
          <div class="div_fen"><a href="#"><span>电子印章管理</span></a></div>
          <div class="div_fen"><a href="#"><span>业务档案管理</span></a></div>
          <div class="div_fen"><a href="#"><span>系统管理中心</span></a></div>
          <div class="div_fen"><a href="#"><span>政工大数据服务平台</span></a></div>
        </div>
      </div>

    </div>
</body>
<script src="./js/resize.js" type="text/javascript" charset="utf-8"></script>
<script src="./lib/layui/layui.js"></script>
<script src="./lib/echarts/echarts.js" type="text/javascript" charset="utf-8"></script>
<script src="./lib/echarts/china.js" type="text/javascript" charset="utf-8"></script>
<script src="js/index_echarts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
  layui.config({
    base: 'js/'
  }).use(['jquery'], function () {
    var $ = layui.jquery;
    $(".wordMenu-listItem").click(function () {
      localStorage.clear()
      sessionStorage.setItem("dataUrl", $(this).attr("data-url"));

    })


  });
</script>
<script>
  $('#tit .xs').click(function () {
    var i = $(this).index();
    $(this).addClass('selected-item').siblings().removeClass('selected-item');
    $('#con .nr').eq(i).show().siblings().hide();
  });
</script>
<script type="text/javascript">
  $(function () {
    var screenWidth = window.screen.width;
    var width;
    var imgURL;
    if (screenWidth >= 1440) {
      width = "1400px";
      imgURL = "1400.png";
    } else if (1024 < screenWidth && screenWidth < 1440) {
      width = "1200px";
      imgURL = "1200.png";
    } else {
      width = "980px";
      imgURL = "980.png";
    }
    $obj.css("width", width);  //$obj为要设置宽度的jQuery对象
    $img.css("backgroundImage", "url(" + imgURL + ")");  //$img为要设置背景的jQuery对象
  })

</script>

</html>